<template>
	<view>
		<text>uni_style</text>
		<text class="iconfont icon-houtaishouye font1"></text>
		<!-- 角标组件—— -->
		<uni-badge text="100" type="primary"></uni-badge>
		<uni-badge text="100" type="success" absolute="rightTop">
			<button type="submit">提交</button>
		</uni-badge>
		<!-- 倒计时组件 -->
		<uni-countdown
			color="white"
			background-color="pink"
			:day="1"
			:hour="8"
			:minute="20"
			:second="10"
		></uni-countdown>
		<uni-easyinput></uni-easyinput>
		<button @click="goback">go Back</button>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		goback() {
			console.log('返回事件——生效');

			uni.$emit('backEvents', { data: 'back message' });
			uni.navigateTo({
				url: '/pages/newPage/newPage',
				success(res) {
					console.log('导航事件成功~');
				}
			});
		}
	}
};
</script>

<style>
.font1 {
	font-size: 150rpx;
	display: inline-block;
}
</style>
